//暂无数据的组件样式
.noDataInfo{
    display: none;

    //有这个class的时候block
    &.show{
      display: block;
    }

    //noPage--无分页的时候，改成relative的
    &.noPage{
      .noDataInner{
        top: 3rem;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        position: relative;
      }
      
    }

    & img{
      width: 8.925rem;
      height: 6.25rem;
     }
    & p{
      text-align: center;
      margin-top: 0.5rem;
      font-size: .7rem;
      color: #333;
    }
    & .noDataInner{
     text-align: center;
     position: absolute;
     width: 8.925rem;
     height: 6.25rem;
     top: 35%;
     left: 50%;
     margin-top: -3rem;
     margin-left: -4.41rem;
    }
}
